/*!
 
 */
/***登录页表单面板样式*****/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/***登录页蓝色字体样式*****/
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
 }

/***登录页"总经理信箱"字体样式*****/
a {
  color: #428bca;
  text-decoration: none;
  background: transparent; 
  cursor:pointer
}

/***登录页"无法登录"字体样式*****/
a.wfdl {
	border: 0px;
	color: #0080C0;
	float: right;
	margin-top: 10px;
}

/***表单输入框样式*****/
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  border:0px; border-bottom:2px #CCC solid;
  box-shadow:none;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control:focus{
	border:0px;
	border-bottom:2px #03F solid;
	box-shadow:none;
}

/***表单面板样式*****/
.container{
  background: #fff;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; width:500px;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
  border-radius: 4px;
  margin-top:25px;
}

/***表单面板宽度样式*****/
.container:before,
.container:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

/***表单背景边距样式*****/
.input-style {margin:50px 60px 50px 30px;}

/***表单图标定位样式*****/
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

/***表单输入框边距样式*****/
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group{ margin-bottom:20px; width: 99%;}

/***表单图标边距样式*****/
.input-group-addon{
	background:none; 
	border:0px; 
	background:url(../img/icon.png) no-repeat; 
	background-color:#FFF; 
	height:18px; 
	padding:10px 22px 0px 20px;
}

/***总经理信箱字体样式*****/
.email {
	padding-left: 30px;
	padding-top: 10px;
	display: -webkit-box;
	float: left;
}

/***登录页背景样式*****/
.login-bg{
	height:300px;
	width: 100%;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#0080C0;
	content: "";
	z-index: 0;
}

/***登录页背景logo样式*****/
.logo{
	margin-top:80px; 
    box-shadow:none; 
    background-color:transparent; 
    width:350px; 
    height:81px;
    background: url(../img/logo.png) no-repeat;
    background-size: 100% auto;
}

/***图标样式*****/
.icon-user{ background-position:1px -55px;}
.icon-password{background-position:1px -82px;}

/***按钮样式*****/
.btn {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  background-color:#0080C0; 
  display:block; 
  line-height:32px; 
  margin-left:36px; 
}

/***按钮字体颜色样式*****/
.btn-login{color:#FFF}

/***自适应样式*****/
@media ( max-width :767px) {
	.modal.in .modal-dialog {
		width: 100%;
		margin: 0px;
		height: 100%;
		position: fixed;
	}
	.modal-content {
		height: 100%;
		width: 100%;
		border-radius: 0px;
	}
	.xdw-form>label {
		text-align: right;
		width: 70px;
		font-size: 14px;
	}
	.btn {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.container{width:100%;}
    .logo{  margin-top:50px; height:105px;width:90%;}
	.input-style {margin:50px 0px;}
	.input-group-addon{padding:10px 20px 0px 10px;
		position: absolute;
    	height: 2rem;
    	}
	.btn{margin-left:0px;}
	.email{padding-left:0px !important;}
	.container{box-shadow: 0 1px 11px rgba(0, 0, 0, 0);}
	.form-control{text-indent: 2rem;}
	}
	
@media (min-width:1200px) {
	.container{ width:540px; margin-top:25px;}
	.logo{width:360px; margin-top:60px;}
	.input-style{margin:50px 50px 50px 30px;}
	.input-group-addon{padding:15px 30px 0px 10px;}
	.btn{margin-left:35px;}
	}









